<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:pe="http://primefaces.org/ui/extensions">

    <ui:composition template="/view/templates/layout.xhtml">
        <ui:define name="title">Paciente</ui:define>        
        <ui:define name="metadata">
            <f:metadata>
                <f:event listener="#{PacienteController.renderView}" type="preRenderView" />
            </f:metadata>
        </ui:define>

        <ui:define name="menu">
            <ui:include src="/view/templates/med-menu.xhtml"/>
        </ui:define>

        <ui:define name="toolbar">
            <h:form id="formPacienteButtons" prependId="true">
                <p:toolbar>  
                    <p:toolbarGroup align="left">
                        <p:outputLabel value="#{msg.tlb_Paciente}" style="margin-top: 5px; margin-left: 5px; "/>
                        <p:separator/>
                    </p:toolbarGroup>
                    <p:toolbarGroup align="right">
                        <p:commandButton id="btnNuevo" styleClass="ui-button-custome" value="#{msg.grn_botonNuevo}"  
                                         icon="ui-icon-plus"
                                         update=":formPacienteAlta :formPacienteConsulta :growl" 
                                         actionListener="#{PacienteController.executeChangeToCreate}"/>
                        <p:commandButton id="btnConsultar" styleClass="ui-button-custome" value="#{msg.grn_botonConsultar}" 
                                         icon="ui-icon-folder-open"
                                         update=":formPacienteAlta :formPacienteConsulta :growl" 
                                         actionListener="#{PacienteController.executeConsultarPaciente}"/>
                    </p:toolbarGroup>
                </p:toolbar>
                <br/>
            </h:form>
        </ui:define>
        <ui:define name="body">
            <p:growl id="growl" globalOnly="true" showSummary="true" showDetail="true" autoUpdate="true" />

            <h:form id="formPacienteConsulta" prependId="true">
                <p:contextMenu for="dTableRetrievePaciente">
                    <p:menuitem value="#{msg.grn_botonEliminar}" icon="ui-icon-trash"
                                onclick="PF('widgetDeletePaciente').show()"/>
                    <p:menuitem value="#{msg.grn_botonActulizar}" icon="ui-icon-pencil"
                                onclick="PF('widgetUpdatePaciente').show()"
                                update=":formPacienteActualizar:pGrUpdatePaciente"/>
                </p:contextMenu>
                <div id="dataTableStyle">
                    <p:dataTable id="dTableRetrievePaciente" value="#{PacienteController.pacienteLazyModel}" var="varRetrievePaciente"
                                 rendered="#{PacienteController.renderPanelConsulta}"
                                 emptyMessage="No pacientes"
                                 selectionMode="single"
                                 rowKey="#{varRetrievePaciente.idPaciente}"  
                                 selection="#{PacienteController.pacienteSelect}" 
                                 paginator="true" 
                                 rows="10"
                                 paginatorPosition="bottom"
                                 paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  
                                 rowsPerPageTemplate="5,10,15" 
                                 lazy="true">
                        <p:ajax event="rowSelect" listener="#{PacienteController.onRowSelect}"/>
                        <p:column headerText="#{msg.obj_personaNombre}" sortBy="nombre" filterBy="#{varRetrievePaciente.nombre}">
                            <p:outputLabel value="#{varRetrievePaciente.nombre}" />
                        </p:column>
                        <p:column headerText="#{msg.obj_personaApPaterno}" sortBy="apPaterno" filterBy="#{varRetrievePaciente.apPaterno}">
                            <p:outputLabel value="#{varRetrievePaciente.apPaterno}" />
                        </p:column>
                        <p:column headerText="#{msg.obj_pacienteFechaNacimiento}" sortBy="fechaNacimiento" filterBy="#{varRetrievePaciente.fechaNacimiento}">
                            <p:outputLabel value="#{varRetrievePaciente.fechaNacimiento}" />
                        </p:column>
                        <p:column headerText="#{msg.obj_pacienteNoSeguroSocial}" sortBy="noSeguroSocial" filterBy="#{varRetrievePaciente.noSeguroSocial}">
                            <p:outputLabel value="#{varRetrievePaciente.noSeguroSocial}" />
                        </p:column>
                        <p:column headerText="Consulta">
                            <center>
                                <p:commandButton icon="ui-icon-note" action="med-consulta?faces-redirect=true">
                                    <p:ajax event="click" listener="#{PacienteController.listenerIdPaciente(varRetrievePaciente)}" />
                                </p:commandButton>
                            </center>
                        </p:column>
                        <p:column headerText="Historia familiar">
                            <center>
                                <p:commandButton icon="ui-icon-note" action="med-historia-familiar?faces-redirect=true">
                                    <p:ajax event="click" listener="#{PacienteController.listenerIdPaciente(varRetrievePaciente)}" />
                                </p:commandButton>
                            </center>
                        </p:column>
                    </p:dataTable>
                </div>
            </h:form>
            <h:form id="formPacienteAlta" prependId="true">
                <h:panelGroup rendered="#{PacienteController.renderPanelAlta}">
                    <div class="row">
                        <div class="col-md-offset-2 col-md-8">
                            <div class="panel panel-primary">
                                <div class="panel-heading">#{msg.mng_paciente_AddPaciente}</div>
                                <div class="panel-body">
                                    <p:panelGrid style="width: 100%">
                                        <p:row>
                                            <p:column>
                                                <p:outputLabel value="#{msg.grn_datos_Nombre}:"/>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column style="width: 20%">
                                                <h:outputText value="#{msg.obj_personaNombre}"/>
                                            </p:column>
                                            <p:column style="width: 40%">
                                                <p:inputText id="inputNombre" label="#{msg.obj_personaNombre}" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.nombre}" placeholder="#{msg.obj_personaNombre}(s)"
                                                             onfocus="document.getElementById('messageForNombre').style.display = 'block';"
                                                             onblur="document.getElementById('messageForNombre').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z ]+"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputNombre" /> 
                                                <div id="messageForNombre"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaApPaterno}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputApPaterno" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.apPaterno}" placeholder="#{msg.obj_personaApPaterno}"
                                                             onfocus="document.getElementById('messageForApPaterno').style.display = 'block';"
                                                             onblur="document.getElementById('messageForApPaterno').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                                </p:inputText>  
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputApPaterno"/>
                                                <div id="messageForApPaterno"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaApMaterno}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputApMaterno" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.apMaterno}" placeholder="#{msg.obj_personaApMaterno}"
                                                             onfocus="document.getElementById('messageForApMaterno').style.display = 'block';"
                                                             onblur="document.getElementById('messageForApMaterno').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputApMaterno"/>
                                                <div id="messageForApMaterno"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <p:outputLabel value="#{msg.grn_datos_Contacto}:"/>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaEmail}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputEmai" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.email}" placeholder="#{msg.obj_personaEmail}"
                                                             onfocus="document.getElementById('messageForEmai').style.display = 'block';"
                                                             onblur="document.getElementById('messageForEmai').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,6}$" />
                                                </p:inputText> 
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputEmai"/>
                                                <div id="messageForEmai"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaCelular}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputCel" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.celular}" placeholder="#{msg.obj_personaCelular}" 
                                                             onfocus="document.getElementById('messageForCel').style.display = 'block';"
                                                             onblur="document.getElementById('messageForCel').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[0-9]+"/>
                                                </p:inputText> 
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputCel"/>
                                                <div id="messageForCel"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaTelefono}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputTel" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.telefono}" placeholder="#{msg.obj_personaTelefono}" 
                                                             onfocus="document.getElementById('messageForTel').style.display = 'block';"
                                                             onblur="document.getElementById('messageForTel').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[0-9]+"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputTel"/>
                                                <div id="messageForTel"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <p:outputLabel value="#{msg.grn_datos_Domicilio}:"/>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaCiudad}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputCiudad" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.ciudad}" placeholder="#{msg.obj_personaCiudad}"
                                                             onfocus="document.getElementById('messageForCiudad').style.display = 'block';"
                                                             onblur="document.getElementById('messageForCiudad').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputCiudad"/>
                                                <div id="messageForCiudad"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaEstado}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputEdo" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.estado}" placeholder="#{msg.obj_personaEstado}" 
                                                             onfocus="document.getElementById('messageForEdo').style.display = 'block';"
                                                             onblur="document.getElementById('messageForEdo').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                                </p:inputText>  
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputEdo"/>
                                                <div id="messageForEdo"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaColonia}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputColonia" styleClass="form-control"
                                                             value="#{PacienteController.pacienteCreate.colonia}" placeholder="#{msg.obj_personaColonia}" 
                                                             onfocus="document.getElementById('messageForColonia').style.display = 'block';"
                                                             onblur="document.getElementById('messageForColonia').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                                </p:inputText> 
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputColonia"/>
                                                <div id="messageForColonia"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaCodigoPostal}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputCP" styleClass="form-control" placeholder="#{msg.obj_personaCodigoPostal}"
                                                             value="#{PacienteController.pacienteCreate.codigoPostal}" 
                                                             onfocus="document.getElementById('messageForCP').style.display = 'block';"
                                                             onblur="document.getElementById('messageForCP').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[0-9]{5}"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputCP"/>
                                                <div id="messageForCP"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <p:outputLabel value="#{msg.grn_datos_gr}"/>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_pacienteLugarNacimiento}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputLugarNacimiento" styleClass="form-control" placeholder="#{msg.obj_pacienteLugarNacimiento}"
                                                             value="#{PacienteController.pacienteCreate.lugarNacimiento}"
                                                             onfocus="document.getElementById('messageForLugarNacimiento').style.display = 'block';"
                                                             onblur="document.getElementById('messageForLugarNacimiento').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputLugarNacimiento"/>
                                                <div id="messageForLugarNacimiento"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_pacienteFechaNacimiento}"/>
                                            </p:column>
                                            <p:column>
                                                <div id="inputPaciente">
                                                    <p:calendar id="inputFechaNacimiento" placeholder="#{msg.obj_pacienteFechaNacimiento}"
                                                                styleClass="inputDatePacient"
                                                                value="#{PacienteController.pacienteCreate.fechaNacimientoDate}"                                                         
                                                                mindate="1950-01-01"
                                                                maxdate="#{PacienteController.maxDate}"
                                                                navigator="true" required="true"
                                                                requiredMessage="#{msg.vld_campoNecesario}" 
                                                                pattern="yyyy-MM-dd"/>
                                                </div>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputFechaNacimiento"/>
                                                <div id="messageForFechaNacimiento"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_pacienteEstatura}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputEstatura" styleClass="form-control" placeholder="#{msg.obj_pacienteEstatura}"
                                                             value="#{PacienteController.pacienteCreate.estatura}" 
                                                             onfocus="document.getElementById('messageForEstatura').style.display = 'block';"
                                                             onblur="document.getElementById('messageForEstatura').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[0-9]+[.]?[0-9]*"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputEstatura"/>
                                                <div id="messageForEstatura"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_pacientePeso}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputPeso" styleClass="form-control" placeholder="#{msg.obj_pacientePeso}"
                                                             value="#{PacienteController.pacienteCreate.peso}" 
                                                             onfocus="document.getElementById('messageForPeso').style.display = 'block';"
                                                             onblur="document.getElementById('messageForPeso').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[0-9]+[.]?[0-9]*"/>
                                                </p:inputText> 
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputPeso"/>
                                                <div id="messageForPeso"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_pacienteNoSeguroSocial}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputNoSS" styleClass="form-control" placeholder="#{msg.obj_pacienteNoSeguroSocial}"
                                                             value="#{PacienteController.pacienteCreate.noSeguroSocial}" 
                                                             onfocus="document.getElementById('messageForNoSS').style.display = 'block';"
                                                             onblur="document.getElementById('messageForNoSS').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z0-9]{11}"/>
                                                </p:inputText>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputNoSS"/>
                                                <div id="messageForNoSS"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_pacienteCurp}"/>
                                            </p:column>
                                            <p:column>
                                                <p:inputText id="inputCurp" styleClass="form-control" placeholder="#{msg.obj_pacienteCurp}"
                                                             value="#{PacienteController.pacienteCreate.curp}" 
                                                             onfocus="document.getElementById('messageForCurp').style.display = 'block';"
                                                             onblur="document.getElementById('messageForCurp').style.display = 'none';"
                                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                                    <f:validateRegex pattern="[A-Za-z0-9]+"/>
                                                </p:inputText> 
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputCurp"/>
                                                <div id="messageForCurp"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_personaGenero}"/>
                                            </p:column>
                                            <p:column>
                                                <p:selectOneRadio id="inputGenero" value="#{PacienteController.pacienteCreate.genero}"
                                                                  layout="pageDirection" required="true" requiredMessage="#{msg.vld_campoNecesario}">
                                                    <f:selectItem itemLabel="#{msg.obj_personaMasculino}" itemValue="1"/>
                                                    <f:selectItem itemLabel="#{msg.obj_personaFemenino}" itemValue="2"/>
                                                </p:selectOneRadio>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputGenero"/>
                                                <div id="messageForGenero"  class="message-validation-div">
                                                </div>
                                            </p:column>
                                        </p:row>
                                        <p:row>
                                            <p:column>
                                                <h:outputText value="#{msg.obj_pacienteTipoSangre}"/>
                                            </p:column>
                                            <p:column>
                                                <p:selectOneMenu id="inputTipoSangre" value="#{PacienteController.pacienteCreate.tipoSangre}"
                                                                 required="true" requiredMessage="#{msg.vld_campoNecesario}"
                                                                 style="width: 300px !important;">
                                                    <f:selectItem itemLabel="#{msg.grn_selectOption}" itemValue=""/>
                                                    <f:selectItem itemLabel="O+" itemValue="1"/>
                                                    <f:selectItem itemLabel="O-" itemValue="2"/>
                                                    <f:selectItem itemLabel="A" itemValue="3"/>
                                                    <f:selectItem itemLabel="B" itemValue="4"/>
                                                    <f:selectItem itemLabel="AB" itemValue="5"/>
                                                </p:selectOneMenu>
                                            </p:column>
                                            <p:column>
                                                <p:message for="inputTipoSangre"/>
                                                <div id="messageForTipoSangre"  class="message-validation-div">
                                                    <h:outputText value="#{msg.gr_datos_letras}"/>
                                                </div>
                                            </p:column>
                                        </p:row>
                                    </p:panelGrid>
                                </div>
                                <div class="panel-footer">
                                    <center>
                                        <p:commandButton id="btnAgregar" styleClass="ui-button-custome" value="#{msg.grn_botonNuevo}"  update=":formPacienteAlta" 
                                                         actionListener="#{PacienteController.executeCrearPaciente}"/>
                                        <p:commandButton id="btnLimpiar" styleClass="ui-button-custome" value="#{msg.grn_botonLimpiar}"
                                                         actionListener="#{PacienteController.executeLimpiarObjects}">
                                            <p:ajax update=":formPacienteAlta" resetValues="true" />  
                                        </p:commandButton>
                                    </center>
                                </div>
                            </div>
                        </div>
                    </div>
                </h:panelGroup>
            </h:form>



            <h:form id="formPacienteActualizar" prependId="true">
                <p:dialog id="diUpdatePaciente" widgetVar="widgetUpdatePaciente" 
                          showEffect="clip" hideEffect="fold" modal="true">
                    <h:panelGrid id="pGrUpdatePaciente" style="width: 700px;">
                        <p:outputLabel value="#{msg.obj_personaNombre}:"/>
                        <pe:fluidGrid vGutter="10" hGutter="40">
                            <pe:fluidGridItem>    
                                <p:inputText id="inputNombre" label="#{msg.obj_personaNombre}" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.nombre}" placeholder="#{msg.obj_personaNombre}(s)"
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[A-Za-z ]+"/>
                                </p:inputText>
                                <p:message for="inputNombre" />    
                            </pe:fluidGridItem>
                            <pe:fluidGridItem>
                                <p:inputText id="inputApPaterno" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.apPaterno}" placeholder="#{msg.obj_personaApMaterno}"
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                </p:inputText>  
                                <p:message for="inputApPaterno" />
                            </pe:fluidGridItem> 

                            <pe:fluidGridItem>
                                <p:inputText id="inputApMaterno" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.apMaterno}" placeholder="#{msg.obj_personaApMaterno}"
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                </p:inputText>
                                <p:message for="inputApMaterno" />
                            </pe:fluidGridItem> 
                        </pe:fluidGrid> 

                        <p:outputLabel value="#{msg.mng_paciente_Contacto}:"/>
                        <pe:fluidGrid vGutter="10" hGutter="40">
                            <pe:fluidGridItem>
                                <p:inputText id="inputEmai" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.email}" placeholder="#{msg.obj_personaEmail}"
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,6}$" />
                                </p:inputText> 
                                <p:message for="inputEmai" />
                            </pe:fluidGridItem>  
                            <pe:fluidGridItem>
                                <p:inputText id="inputCel" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.celular}" placeholder="#{msg.obj_personaCelular}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[0-9]+"/>
                                </p:inputText>  
                                <p:message for="inputCel" />
                            </pe:fluidGridItem> 
                            <pe:fluidGridItem>
                                <p:inputText id="inputTel" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.telefono}" placeholder="#{msg.obj_personaTelefono}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[0-9]+"/>
                                </p:inputText>
                                <p:message for="inputTel" />
                            </pe:fluidGridItem> 
                        </pe:fluidGrid> 

                        <p:outputLabel value="#{msg.mng_paciente_Domicilio}"/>
                        <pe:fluidGrid vGutter="10" hGutter="40">
                            <pe:fluidGridItem>
                                <p:inputText id="inputCiudad" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.ciudad}" placeholder="#{msg.obj_personaCiudad}"
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                </p:inputText>
                                <p:message for="inputCiudad" />
                            </pe:fluidGridItem>
                            <pe:fluidGridItem>
                                <p:inputText id="inputEdo" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.estado}" placeholder="#{msg.obj_personaEstado}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                </p:inputText>  
                                <p:message for="inputEdo"/>
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:inputText id="inputColonia" styleClass="form-control"
                                             value="#{PacienteController.pacienteSelect.colonia}" placeholder="#{msg.obj_personaColonia}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                </p:inputText> 
                                <p:message for="inputColonia"/>
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:inputText id="inputCP" styleClass="form-control" placeholder="#{msg.obj_personaCodigoPostal}"
                                             value="#{PacienteController.pacienteSelect.codigoPostal}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}"  requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="^[0-9]{5}$"/>
                                </p:inputText>
                                <p:message for="inputCP" />
                            </pe:fluidGridItem>
                        </pe:fluidGrid>

                        <p:outputLabel value="#{msg.mng_paciente_Domicilio}"/>
                        <pe:fluidGrid vGutter="10" hGutter="40">
                            <pe:fluidGridItem>
                                <p:inputText id="inputLugarNacimiento" styleClass="form-control" placeholder="#{msg.obj_pacienteLugarNacimiento}"
                                             value="#{PacienteController.pacienteSelect.lugarNacimiento}"
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}"  required="true">
                                    <f:validateRegex pattern="[A-Za-z]+"/>
                                </p:inputText>
                                <p:message for="inputLugarNacimiento"/>
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:calendar id="inputFechaNacimiento" placeholder="#{msg.obj_pacienteFechaNacimiento}"
                                            value="#{PacienteController.pacienteSelect.fechaNacimientoDate}" required="true"
                                            validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" 
                                            pattern="yyyy-MM-dd"/>
                                <p:message for="inputFechaNacimiento" />
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:inputText id="inputEstatura" styleClass="form-control" placeholder="#{msg.obj_pacienteEstatura}"
                                             value="#{PacienteController.pacienteSelect.estatura}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[0-9]+[.]?[0-9]*"/>
                                </p:inputText>
                                <p:message for="inputEstatura"/>
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:inputText id="inputPeso" styleClass="form-control" placeholder="#{msg.obj_pacientePeso}"
                                             value="#{PacienteController.pacienteSelect.peso}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[0-9]+[.]?[0-9]*"/>
                                </p:inputText> 
                                <p:message for="inputPeso" />
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:inputText id="inputNoSS" styleClass="form-control" placeholder="#{msg.obj_pacienteNoSeguroSocial}"
                                             value="#{PacienteController.pacienteSelect.noSeguroSocial}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[A-Za-z0-9]{11}"/>
                                </p:inputText>
                                <p:message for="inputNoSS" />
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:inputText id="inputCurp" styleClass="form-control" placeholder="#{msg.obj_pacienteCurp}"
                                             value="#{PacienteController.pacienteSelect.curp}" 
                                             validatorMessage="#{msg.vld_valorNoPermitido}" requiredMessage="#{msg.vld_campoNecesario}" required="true">
                                    <f:validateRegex pattern="[A-Za-z0-9]+"/>
                                </p:inputText> 
                                <p:message for="inputCurp"/>
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:outputLabel value="#{msg.obj_personaGenero}:"/>
                                <p:selectOneRadio id="inputGenero" value="#{PacienteController.pacienteSelect.genero}"
                                                  layout="pageDirection" required="true" requiredMessage="#{msg.vld_campoNecesario}">
                                    <f:selectItem itemLabel="#{msg.obj_personaMasculino}" itemValue="#{msg.obj_personaMasculino}"/>
                                    <f:selectItem itemLabel="#{msg.obj_personaFemenino}" itemValue="#{msg.obj_personaFemenino}"/>
                                </p:selectOneRadio>
                                <p:message for="inputGenero"/>
                            </pe:fluidGridItem>

                            <pe:fluidGridItem>
                                <p:outputLabel value="#{msg.obj_pacienteTipoSangre}:"/>
                                <br/>
                                <p:selectOneMenu id="inputTipoSangre" value="#{PacienteController.pacienteSelect.tipoSangre}"
                                                 required="true" requiredMessage="#{msg.vld_campoNecesario}">
                                    <f:selectItem itemLabel="#{msg.grn_selectOption}" itemValue=""/>
                                    <f:selectItem itemLabel="O+" itemValue="O+"/>
                                    <f:selectItem itemLabel="O-" itemValue="O-"/>
                                    <f:selectItem itemLabel="A" itemValue="A"/>
                                    <f:selectItem itemLabel="B" itemValue="B"/>
                                    <f:selectItem itemLabel="AB" itemValue="AB"/>
                                </p:selectOneMenu>
                                <p:message for="inputTipoSangre"/>
                            </pe:fluidGridItem>
                        </pe:fluidGrid>
                    </h:panelGrid>
                    <f:facet name="footer" >
                        <center>
                            <p:commandButton id="btnModificar" styleClass="ui-button-custome" value="#{msg.grn_botonModificar}" update="pGrUpdatePaciente" 
                                             actionListener="#{PacienteController.executeActualizarPaciente}"/>
                        </center>
                    </f:facet>
                </p:dialog>
            </h:form>

            <h:form id="formPacienteEliminar" prependId="true">
                <p:confirmDialog id="cDiDeletePaciente" widgetVar="widgetDeletePaciente" header="#{msg.grn_botonEliminar}" 
                                 closable="true" hideEffect="explode">
                    <f:facet name="message">
                        <h:outputText value="#{msg.grn_eliminarRegistro}" />
                    </f:facet>
                    <p:commandButton value="#{msg.grn_botonSi}" actionListener="#{PacienteController.executeEliminarPaciente}" 
                                     style="margin-left: 10px;"
                                     update=":formPacienteConsulta"
                                     onclick="PF('widgetDeletePaciente').hide()"
                                     styleClass="ui-button-custome" icon="ui-icon-check"/>  
                    <p:commandButton value="#{msg.grn_botonNo}" type="button" onclick="PF('widgetDeletePaciente').hide()"
                                     styleClass="ui-button-custome" icon="ui-icon-close"/>                 
                </p:confirmDialog>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

